<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
	<head lang="en">
		<meta charset="utf-8" />
		<title>个人信息</title>
		<link rel="stylesheet" type="text/css" href="../../css/public.css"/>
		<link rel="stylesheet" type="text/css" href="../../css/myorder.css" />
	</head>
	<body>
		<!------------------------------head------------------------------>
		<div th:replace="~{front/public/topmargin::topbar}"></div>
		<!------------------------------idea------------------------------>
		<div class="address mt">
			<div class="wrapper clearfix">
				<a href="index" class="fl">首页</a>
				<span>/</span>
				<a href="myorderq" class="on">我的订单</a>
				<span>/</span>
				<a href="#" class="on">订单详情</a>
			</div>
		</div>
		
		<!------------------------------Bott------------------------------>
		<div class="Bott">
			<div class="wrapper clearfix">
<!--				<div class="zuo fl">-->
<!--					<h3>-->
<!--						<a href="#"><img src="../../img/tx.png"/></a>-->
<!--						<p class="clearfix"><span class="fl">[羊羊羊]</span><span class="fr">[退出登录]</span></p>-->
<!--					</h3>-->
<!--					<div>-->
<!--						<h4>我的交易</h4>-->
<!--						<ul>-->
<!--							<li><a href="cart">我的购物车</a></li>-->
<!--							<li class="on"><a href="myorderq">我的订单</a></li>-->
<!--							<li><a href="myprod">评价晒单</a></li>-->
<!--						</ul>-->
<!--						<h4>个人中心</h4>-->
<!--						<ul>-->
<!--							<li><a href="mygxin">我的中心</a></li>-->
<!--							<li><a href="address">地址管理</a></li>-->
<!--						</ul>-->
<!--						<h4>账户管理</h4>-->
<!--						<ul>-->
<!--							<li><a href="mygrxx">个人信息</a></li>-->
<!--							<li><a href="remima">修改密码</a></li>-->
<!--						</ul>-->
<!--					</div>-->
<!--				</div>-->
				<div th:replace="~{front/public/sidebar::leftbar}"></div>
				<div class="you fl">
					<div class="my clearfix">
						<h2>订单详情<a href="#">请谨防钓鱼链接或诈骗电话，了解更多&gt;</a></h2>
						<h3>订单号：<span th:text="${session.orderId}">54163846846848468</span></h3>
					</div>
					<div class="orderList">
						<div class="orderList1" th:each="ordertail,ordertailStat:${session.orderAndItem.getOrderDetail()}">
							<h3>已收货</h3>
							<div class="clearfix">
<!--								<a href="#" class="fl"><img src="../../img/g1.jpg"/></a>-->
								<a href="#" class="fl"><img th:src="@{'/files/test/pic/'+${ordertail.getProductPhoto()}}" width="60" height="60"/></a>
								<p class="fl">
									<a href="#" th:text="${ordertail.getProductName()}">家用创意菜盘子圆盘 釉下彩复古</a>
<!--									<a href="#" th:text="${ordertail.getUnitPrice()}">¥99.00×1</a>-->
									<a href="#" >¥[[${ordertail.getUnitPrice()}]].00×[[${ordertail.getQuantity()}]]</a>
									<a href="#"th:text="${session.orderAndItem.receiverName}"></a>
								</p>
							</div>
						</div>
						<div class="orderList1">
							<h3>收货信息</h3>
							<p>姓 &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;名：<span>[[${session.orderAndItem.receiverName}]]</span></p>
							<p>联系电话：<span th:text="${session.orderAndItem.getReceiverPhone()}">157*****121</span></p>
							<p>收货地址：<span>[[${session.orderAndItem.getReceiverProvince()}]]&nbsp;[[${session.orderAndItem.getReceiverCity()}]]&nbsp;&nbsp;&nbsp;[[${session.orderAndItem.getReceiverArea()}]]&nbsp;&nbsp;[[${session.orderAndItem.getReceiverAddress()}]]</span></p>
						</div>
						<div class="orderList1">
							<h3>支付方式及送货时间</h3>
							<p>支付方式：<span>在线支付</span></p>
							<p>送货时间：<span>不限送货时间</span></p>
						</div>
						<div class="orderList1 hei">
							<h3><strong>商品总价：</strong><span th:text="${session.orderinfo.getTotalPrice()}">¥99</span></h3>
							<p><strong>运费：</strong><span>¥0</span></p>
							<p><strong>订单金额：</strong><span th:text="${session.orderinfo.getTotalPrice()}">¥99</span></p>
							<p><strong>实付金额：</strong><span th:text="${session.orderinfo.getTotalPrice()}">¥99</span></p>
						</div>
						
					</div>
					
					
				</div>
			</div>
		</div>
		<

		<!--返回顶部-->
		<div th:replace="~{front/public/gotop::endbar}"></div>
		<!--footer-->
		<div class="footer">
			<div class="top">
				<div class="wrapper">
					<div class="clearfix">
						<a href="#2" class="fl"><img src="../../img/foot1.png"/></a>
						<span class="fl">7天无理由退货</span>
					</div>
					<div class="clearfix">
						<a href="#2" class="fl"><img src="../../img/foot2.png"/></a>
						<span class="fl">15天免费换货</span>
					</div>
					<div class="clearfix">
						<a href="#2" class="fl"><img src="../../img/foot3.png"/></a>
						<span class="fl">满599包邮</span>
					</div>
					<div class="clearfix">
						<a href="#2" class="fl"><img src="../../img/foot4.png"/></a>
						<span class="fl">手机特色服务</span>
					</div>
				</div>
			</div>
			<p class="dibu">最家家居&copy;2013-2017公司版权所有 京ICP备080100-44备0000111000号<br />
			违法和不良信息举报电话：400-800-8200，本网站所列数据，除特殊说明，所有数据均出自我司实验室测试</p>
		</div>
		<script src="../../js/jquery-3.5.1.min.js" type="text/javascript" charset="utf-8"></script>
		<script src="../../js/public.js" type="text/javascript" charset="utf-8"></script>
		<script src="../../js/user.js" type="text/javascript" charset="utf-8"></script>
		<script src="../../js/jquery.cookie.js" type="text/javascript" charset="utf-8"></script>
	</body>
<script type="text/javascript">
	$(document).ready(function () {
		console.log("from code itself1")
		console.log("cookie中的avatar=" + $.cookie("photo"));
		$("#img-avatar").attr("src", $.cookie("photo"));
	});
</script>
</html>
